<!-- app/view/news/list.tpl -->
<html>
  <head>
    <title>Hacker News</title>
    <link rel="stylesheet" href="/public/css/css.css" />
  </head>
  <body>
	<div class='joymewiki-content-block'>
		<div class='MenuBox'>
			<ul class="clearfix">
			  {% for item in menu %}
				<li class="item">
				  {{ item.name }}
				</li>
			  {% endfor %}
			</ul>
		</div>
		<div class='Contentbox2' id='Contentbox2'>
			{% for item in people %}
				<div id="{{item.id}}" class="clearfix" style="display:none;">
					{% for p in item.list %}
						<div class='imgItem' title='{{p.name}}'>
							<div class='item'>
								<a href="javascript:" target='_blank'>
									<img src='{{p.src}}' width='150' height='150'/>
								</a>
							</div>
							<a href="javascript:" target='_blank'>
								<p class='name'>{{p.name}}</p>
							</a>
						</div>
					{% endfor %}
				</div>
			{% endfor %}
		</div>
	</div>
	<script src="http://code.jquery.com/jquery-1.4.1.js"type="text/javascript"></script>
	<script>
	$("#con_1").show();
	$(".MenuBox li").each(function(i){
		$(this).click(function(){
			$(".MenuBox li").removeClass("hover");
			$(this).addClass("hover");
			$("#Contentbox2 div[id^='con_']").hide();
			$("#Contentbox2 div[id^='con_']").eq(i).show();
		});
	});
	</script>
  </body>
</html>